<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:53:"E:\WWW\waimai/app/wechat/order\view\order\detail.html";i:1503135023;s:54:"E:\WWW\waimai/app/wechat/order\view\template\base.html";i:1502523229;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>外卖</title>
    <link rel="stylesheet" href="__STATIC__/css/mui.min.css">
    <link rel="stylesheet" href="__STATIC__/css/ks.css">
    
    <script>
        var require_path = "__STATIC__/app";
    </script>
    <script src="__STATIC__/app/plugin/wechat/weixin.js"></script>
    <script src="__STATIC__/app/require.js"></script>
    <script src="__STATIC__/app/require.config.js"></script>
    <script src="__STATIC__/app/plugin/jquery-3.2.1.min.js"></script>
    <script src="__STATIC__/app/plugin/mui/mui.min.js"></script>
    
</head>
<body>



<header class="header">
    <div>
        <a class="back" href="<?php echo $back_url; ?>"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        订单详情
    </div>
</header>
<div id="order_div" class="pages">
    <div class="list-form other not-t">
        <div style="border-bottom: 5px solid #ececec ">
            <template>
                <!--<ul class="title-gray">-->
                    <!--<li>配送信息</li>-->
                <!--</ul>-->
                <ul>
                    <li class="font12">
                        <div>联  系  人：{{info.o_name}} <span class="pull-right">{{info.o_mobile}}</span></div>
                        <div class="mt-unify">
                            <div class="pull-left">配送地址：</div>
                            <div class="overflow-hidden">{{info.o_address}}</div>
                        </div>
                        <div class="mt-unify">
                            <div class="pull-left">备    注：</div>
                            <div class="overflow-hidden">{{info.remark}}</div>
                        </div>

                    </li>
                </ul>
            </template>
        </div>
        <template v-for="vo in items">
            <div style="border-bottom: 5px solid #ececec ">
                <div class="shop-list title">
                    <ul>
                        <li>
                            <div class="img"><img :src="vo.shopStore.logo" height="441" width="500"/></div>
                            <div class="text">{{vo.shopStore.name}}<a class="absmiddle-right"
                                                                      :href="'tel:'+ vo.shopStore.mobile"><i
                                    style="font-size: 30px;" class="mui-icon mui-icon-phone mui-pull-right"></i></a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <!--<ul class="title-gray">-->
                    <!--<li>订单明细</li>-->
                    <!--</ul>-->
                    <ul >
                        <li>
                            <template v-for="gvo in vo.shopGoods">
                                <p class="order-list">
                                    <span class="font12">{{gvo.name}}</span>
                                    <span>x{{gvo.quantity}}</span>
                                    <span>￥{{gvo.amount}}</span>
                                </p>
                            </template>
                            <!--<p class="order-list">-->
                            <!--<span class="font12">香肠寿司（微辣）</span>-->
                            <!--<span>x1</span>-->
                            <!--<span>￥18</span>-->
                            <!--</p>-->
                        </li>
                        <li class="color-primary text-right">
                            总计：￥{{vo.pay_amount}}
                        </li>
                    </ul>
                </div>
            </div>
        </template>
    </div>
    <template>
        <footer class="btn-bottom">
            <a v-if='(info.flag_pay==0&&info.flag_status==0)' @tap.stop="cancel_order(info.id)" class="btn">取 消</a>
            <a v-if='(info.flag_pay==0&&info.flag_status==0&&info.flag_delivery!=1)'
               @tap.stop="order_pay(info.id,info.send_status)" class="btn color-primary">立即支付</a>
            <a v-else-if="(info.flag_status==1||info.flag_status==6)" @tap.stop="take_order(info.id)">确认收货</a>
            <a v-else style="background-color: grey;">{{info.flag_status_text}}</a>
        </footer>
    </template>
</div>


</body>
<script>
    if(document.querySelector('.goback')!=null){
        document.querySelector('.goback').addEventListener('tap', function () {
            history.back();
        })
    }
    host="<?php echo \think\Request::instance()->host(); ?>";
    se_url="<?php echo \think\Request::instance()->baseUrl(); ?>";

    if(se_url=="/wechat.php"){
        current_url= 'http://'+window.location.host+se_url+'/index/index/index'+'?parent_id='+"<?php echo $account['id']; ?>";
    }else{
        current_url='http://'+window.location.host+"<?php echo \think\Request::instance()->baseUrl(); ?>"+'?parent_id='+"<?php echo $account['id']; ?>";
    }
    console.log(current_url)

    appId='<?php echo $js_sdk['appid']; ?>' ; // 必填，公众号的唯一标识
    timestamp= '<?php echo $js_sdk['time']; ?>';// 必填，生成签名的时间戳
    nonceStr= '<?php echo $js_sdk['nonceStr']; ?>'; // 必填，生成签名的随机串
    signature= '<?php echo $js_sdk['signature']; ?>';// 必填，签名，见附录1
    jsApiList= [ 'scanQRCode','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','chooseImage','uploadImage', 'checkJsApi', 'openLocation', 'getLocation']; // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId:appId , // 必填，公众号的唯一标识
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: nonceStr, // 必填，生成签名的随机串
        signature: signature,// 必填，签名，见附录1
        jsApiList: jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.checkJsApi({
        jsApiList: [ 'scanQRCode','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','chooseImage','uploadImage', 'checkJsApi', 'openLocation', 'getLocation'],
        success: function (res) {
            // alert(JSON.stringify(res));
            // alert(JSON.stringify(res.checkResult.getLocation));
            if (res.checkResult.getLocation == false) {
                alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
                return;
            }
        }
    });
    wx.ready(function(){
        var shareData = {
            title: '外卖',            //朋友圈文案（朋友圈没有标题）
            desc: '钦州外卖就系快',
            link:current_url,
            imgUrl:'http://wm.qzzm.com/public/wechat/static/image/default.png',
            success: function () {
                mui.toast('分享成功')
            },
            cancel: function () {
                mui.toast('您已取消分享')
            }
        };
        wx.onMenuShareTimeline(shareData);
        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareQQ(shareData);
        wx.onMenuShareWeibo(shareData);
        wx.onMenuShareQZone(shareData);
    });
</script>

<script>
    var order_id = "<?php echo $order_id; ?>";
    var list_url = "<?php echo url('order/Order/detail_data'); ?>";
    var delivery_url = "<?php echo url('delivery/Order/delivery'); ?>";
    var order_pay_url = "<?php echo url('order/Order/pay'); ?>";
    var take_order_url = "<?php echo url('order/Order/take_order'); ?>";
    var c_url = "<?php echo $c_url; ?>";
    require(['order/detail']);
</script>

</html>